<template>
	<!-- 搜索框 -->
	<view class="search" @tap="$emit('search')">
		<view class="search_input">
			<!-- <input class="search_input_input" type="text" v-model="search_input" style="width: 200upx;" placeholder-class="place" placeholder="儿童加绒外套49.9" /> -->
			<i class="icon search_icon"> &#xe605; </i>
			<text class="search_input_input">儿童加绒外套49.9</text>
			<!-- <i class="icon error_icon" > &#xe66f; </i> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less">
.search {
	width: 100%;
	height:100upx;
	padding: 0 30upx;
	box-sizing: border-box;
	background-color:#FFFFFF;
	.search_input {
		width: 100%;
		height: 60upx;
		position: relative;
		background-color: #f9f9f9;
		border-radius:30upx;
		font-size: 28upx;
		color: #CCCCCC;
		padding-left:80upx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		.search_icon {
			font-size:32upx;
			color: #CCCCCC;
			margin-right: 14upx;
		}
	}
}
</style>
